{% extends "admin/admin.html" %}
{% block content %}
<!--内容-->
<section class="content-header">
    <h1>微电影管理系统</h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 电影管理</a></li>
        <li class="active">添加电影</li>
    </ol>
</section>
<section class="content" id="showcontent">
    <div class="row">
        <div class="col-md-12">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">修改电影</h3>
                </div>
                <form role="form" method="post" enctype="multipart/form-data">
                    <div class="box-body">
                        <div class="form-group">
                            <label for="input_title">{{form.title.label}}</label>
                            {{form.title(value=movie.title)}}
                             {% for err in form.name.errors%}
                            <div class="col-md-12 " style="color: red">{{err}}</div>
                            {% endfor %}
                        </div>
                        <div class="form-group">
                            <label for="input_url">{{form.url.label}}</label>
                            {{form.url(value=movie.url)}}
                            <div style="margin-top:5px;">
                                <div id="moviecontainer"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="input_info">{{form.info.label}}</label>
                            {{form.info}}
                        </div>
                        <div class="form-group">
                            <label for="input_logo">{{form.logo.label}}</label>
                            {{form.logo(value=movie.logo)}}
                            <img src="{{url_for('static',filename='uploads/'+movie.logo)}}" style="margin-top:5px;" class="img-responsive"
                                 alt="">
                        </div>
                        <div class="form-group">
                            <label for="input_star">{{form.star.label}}</label>
                            {{form.star}}
                        </div>
                        <div class="form-group">
                            <label for="input_tag_id">{{form.tag_id.label}}</label>
                            {{form.tag_id}}
                        </div>
                        <div class="form-group">
                            <label for="input_area">{{form.area.label}}</label>
                            {{form.area(value=movie.area)}}
                        </div>
                        <div class="form-group">
                            <label for="input_length">{{form.length.label}}</label>
                            {{form.length(value=movie.length)}}
                        </div>
                        <div class="form-group">
                            <label for="input_release_time">{{form.release_time.label}}</label>
                            {{form.release_time(value=movie.release_time)}}
                        </div>
                    </div>
                    <div class="box-footer">
                        {{form.submit}}
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<!--内容-->
{% endblock %}
{% block js %}
<!--播放页面-->
<script src="{{url_for('static',filename='jwplayer/jwplayer.js')}}"></script>
<script type="text/javascript">
    jwplayer.key = "P9VTqT/X6TSP4gi/hy1wy23BivBhjdzVjMeOaQ==";

</script>
<script type="text/javascript">
    jwplayer("moviecontainer").setup({
        flashplayer: "{{url_for('static',filename='jwplayer/jwplayer.flash.swf')}}",
        playlist: [{
            file: "{{url_for('static',filename='video/htpy.mp4')}}",
            title: "{{movie.title}}"
        }],
        modes: [{
            type: "html5"
        }, {
            type: "flash",
            src: "{{url_for('static',filename='jwplayer/jwplayer.flash.swf')}}"
        }, {
            type: "download"
        }],
        skin: {
            name: "vapor"
        },
        "playlist.position": "left",
        "playlist.size": 200,
        height: 250,
        width: 387,
    });

</script>
<script>
    $(document).ready(function () {
        $('#input_release_time').datepicker({
            autoclose: true,
            format: 'yyyy-mm-dd',
            language: 'zh-CN',
        });
    });

</script>

{% endblock %}